<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->

    <!-- ionic/angularjs js -->
    <script src="lib/ionic/js/ionic.bundle.js"></script>

    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js"></script>

    <!-- your app's js -->
    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>
    <script src="js/services.js"></script>
  </head>
  <body ng-app="starter">

  <!--头部-->
    <div class="bar item bar-header bar-dark item-icon-right item-icon-left">
      <p class="title">微信</p>
      <i class="icon ion-android-add"></i>
      <i class="icon ion-ios-search"></i>



    </div>
    <!--内容-->
    <div class="content" style="margin-top: 5px">
      <ul class="list">
        <li class="item item-avatar-left">
          <img src="img/1.jpg" alt="">
          <p>web交流团</p>
        </li>
      </ul>
      <ul class="list">
        <li class="item item-avatar-left">
          <img src="img/2.png" alt="">
          <p>web交流团</p>
        </li>
      </ul>
      <ul class="list">
        <li class="item item-avatar-left">
          <img src="img/3.png" alt="">
          <p>web交流团</p>
        </li>
      </ul>
      <ul class="list">
        <li class="item item-avatar-left">
          <img src="img/4.png" alt="">
          <p>web交流团</p>
        </li>
      </ul>
      <ul class="list">
        <li class="item item-avatar-left">
          <img src="img/5.png" alt="">
          <p>web交流团</p>
        </li>
      </ul>
      <ul class="list">
        <li class="item item-avatar-left">
          <img src="img/1.jpg" alt="">
          <p>web交流团</p>
        </li>
      </ul>
      <ul class="list">
        <li class="item item-avatar-left">
          <img src="img/2.png" alt="">
          <p>web交流团</p>
        </li>
      </ul>
      <ul class="list">
        <li class="item item-avatar-left">
          <img src="img/3.png" alt="">
          <p>web交流团</p>
        </li>
      </ul>
      <ul class="list">
        <li class="item item-avatar-left">
          <img src="img/4.png" alt="">
          <p>web交流团</p>
        </li>
      </ul>
      <ul class="list">
        <li class="item item-avatar-left">
          <img src="img/5.png" alt="">
          <p>web交流团</p>
        </li>
      </ul>
      <ul class="list">
        <li class="item item-avatar-left">
          <img src="img/1.jpg" alt="">
          <p>web交流团</p>
        </li>
      </ul>
      <ul class="list">
        <li class="item item-avatar-left">
          <img src="img/2.png" alt="">
          <p>web交流团</p>
        </li>
      </ul>
      <ul class="list">
        <li class="item item-avatar-left">
          <img src="img/3.png" alt="">
          <p>web交流团</p>
        </li>
      </ul>
      <ul class="list">
        <li class="item item-avatar-left">
          <img src="img/4.png" alt="">
          <p>web交流团</p>
        </li>
      </ul>
      <ul class="list">
        <li class="item item-avatar-left">
          <img src="img/5.png" alt="">
          <p>web交流团</p>
        </li>
      </ul>
    </div>
  <!--尾部-->
  <div class="tabs tabs-stable tabs-icon-top">
    <a class="tab-item active assertive"><i class="icon ion-ios-chatbubble-outline assertive"></i>微信</a>
    <a class="tab-item"><i class="icon ion-ios-personadd-outline"></i>通讯录</a>
    <a class="tab-item has-badge"><i class="icon ion-ios-navigate-outline"></i>发现 <i class="badge badge-assertive">2</i></a>
    <a class="tab-item"><i class="icon ion-ios-person-outline"></i>我</a>
  </div>
  </body>
</html>
